<script setup lang="ts">

import SliderNavs from "@/components/SliderNavs/index.vue"
import TopNavs from "@/components/TopNavs/index.vue"
import {onMounted} from "vue"
import {handleUserRole} from "@/service/router.js";

onMounted(() =>{
  handleUserRole()
})

</script>

<template>
    <div class="layout-container">
      <SliderNavs></SliderNavs>
      <div class="right-container">
        <TopNavs></TopNavs>
        <router-view></router-view>
      </div>

    </div>
</template>

<style scoped>
.right-container {
  margin-left: 210px;
}
</style>